body {
  background: #f5f5f5;
}

section {
  font-size: .14rem;
}

h2 {
  font-size: .14rem;
  width: 100vw;
  line-height: .42rem;
  padding-left: .16rem;
  border-bottom: 1px solid #c5c5c5;
  box-sizing: border-box;
}

h2 a {
  color: black;
}

h2 > :first-child {
  font-weight: bold;
}

.nei1,
.nei3 {
  width: 100vw;
  height: 2.16rem;
  background-image: url(../img/my/bg1.png);
  background-size: 100% 100%;
}

.nei1 .header,
.nei3 .header {
  width: 100vw;
  background-color: transparent;
  font-size: .14rem;
}

.nei1 .header .header-right,
.nei3 .header .header-right {
  display: flex;
  flex: 3;
}

.nei1 .header .header-right a,
.nei3 .header .header-right a {
  flex: 1;
  text-align: center;
  color: white;
}

.nei1 .header img,
.nei3 .header img {
  width: .18rem;
  height: .18rem;
  margin-left: 0;
  margin-bottom: .05rem;
}

.nei1 .section-top img,
.nei3 .section-top img {
  width: .62rem;
  height: .62rem;
  margin-left: 1.57rem;
  margin-top: .1rem;
}

.nei1 .section-top p,
.nei3 .section-top p {
  width: .70rem;
  line-height: .35rem;
  border: 1px solid #fff;
  text-align: center;
  margin-left: 1.51rem;
  margin-top: .15rem;
}

.nei1 .section-top p a,
.nei3 .section-top p a {
  color: white;
}

.nei2 {
  padding: 0 .24rem;
  width: 100vw;
  box-sizing: border-box;
  margin-top: .08rem;
  font-size: .14rem;
  background-color: #fff;
}

.nei2 ul {
  display: flex;
  flex-direction: column;
}

.nei2 ul li {
  width: 100%;
  line-height: .57rem;
  border-bottom: 1px solid #dcdcdc;
  background: url(../img/my/right.png) right center no-repeat;
  background-size: .08rem .16rem;
}

.nei2 ul li img {
  width: .18rem;
  height: .18rem;
}

.nei3 {
  height: 1.64rem;
  background-image: url(../img/my/bg2.png);
  background-size: 100% 100%;
}

.nei3 .section-top img {
  margin-top: .25rem;
}

.nei3 .section-top p {
  margin: 0;
  border: none;
  width: 100vw;
  height: .2rem;
  color: white;
  margin-top: .15rem;
}

.tui {
  width: 3.27rem;
  line-height: .5rem;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  text-align: center;
  font-size: .16rem;
  margin: .2rem 0 0 .23rem;
}

.tui a {
  color: #ff8a00;
}

.nei4 {
  width: 100vw;
  height: .63rem;
  background-color: #ff8a00;
}

.nei4 .ul1 {
  width: 100vw;
  box-sizing: border-box;
  padding: 0 .23rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.nei4 .ul1 li {
  border-bottom: 1px solid #ff8a00;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: .24rem 0;
}

.nei4 .ul1 li .section-left {
  flex: 1;
}

.nei4 .ul1 li .section-left img {
  width: .95rem;
  height: .95rem;
}

.nei4 .ul1 li .section-right {
  flex: 2;
}

.nei4 .ul1 li .section-right .pp1 {
  font-size: 0.16rem;
  font-weight: bold;
}

.nei4 .ul1 li .section-right p {
  font-size: .14rem;
  margin-top: .1rem;
}

.nei4 .ul1 li .section-right p span {
  float: right;
  margin-right: 50px;
  color: #ff8a00;
  font-weight: bold;
}

.nei4 .ul1 > :last-child {
  border-bottom: 1px solid #f5f5f5;
}
